import React from 'react';
import Link from 'next/link';
import styles from './DocsLayout.module.scss';

interface DocsLayoutProps {
  children: React.ReactNode;
}

export default function DocsLayout({ children }: DocsLayoutProps) {
  return (
    <div className={styles.docsLayout}>
      <div className={styles.docsSider}>
        <div className={styles.siderHeader}>
          <h4>📚 文档中心</h4>
        </div>
        <nav className={styles.docsMenu}>
          <Link href="/docs/quick-start" className={styles.menuItem}>
            🚀 快速入门
          </Link>
          <Link href="/docs/api" className={styles.menuItem}>
            🔌 API 文档
          </Link>
       
        </nav>
      </div>
      <div className={styles.docsContent}>
        {children}
      </div>
    </div>
  );
}